// import 'package:flutter/material.dart';
// import 'package:fl_chart/fl_chart.dart';

// class KLineChartPage extends StatefulWidget {
//   const KLineChartPage({super.key});

//   @override
//   _KLineChartPageState createState() => _KLineChartPageState();
// }

// class _KLineChartPageState extends State<KLineChartPage> {
//   String selectedTimeFrame = '1M'; // 默认选中 1 个月
//   List<String> timeFrames = ['1D', '1W', '1M', '3M', '6M', '1Y'];

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(title: const Text('美元指数 K 线图')),
//       body: Row(
//         children: [
//           // 左侧工具栏
//           Container(
//             width: 60,
//             color: Colors.grey[900],
//             child: Column(
//               mainAxisAlignment: MainAxisAlignment.center,
//               children: [
//                 IconButton(
//                     icon: const Icon(Icons.trending_up), onPressed: () {}),
//                 IconButton(icon: const Icon(Icons.brush), onPressed: () {}),
//                 IconButton(
//                     icon: const Icon(Icons.text_fields), onPressed: () {}),
//                 IconButton(
//                     icon: const Icon(Icons.insert_chart), onPressed: () {}),
//               ],
//             ),
//           ),
//           // 主图表区域
//           Expanded(
//             child: Column(
//               children: [
//                 // 时间轴切换
//                 Padding(
//                   padding: const EdgeInsets.symmetric(vertical: 10),
//                   child: ToggleButtons(
//                     borderRadius: BorderRadius.circular(10),
//                     isSelected:
//                         timeFrames.map((e) => e == selectedTimeFrame).toList(),
//                     onPressed: (index) {
//                       setState(() {
//                         selectedTimeFrame = timeFrames[index];
//                       });
//                     },
//                     children: timeFrames
//                         .map((e) => Padding(
//                               padding:
//                                   const EdgeInsets.symmetric(horizontal: 10),
//                               child: Text(e),
//                             ))
//                         .toList(),
//                   ),
//                 ),
//                 // K 线图
//                 Expanded(
//                   child: Padding(
//                     padding: const EdgeInsets.all(8.0),
//                     child: CandleChart(),
//                   ),
//                 ),
//                 // 实时价格信息
//                 Container(
//                   padding: const EdgeInsets.all(8),
//                   color: Colors.black54,
//                   child: const Text(
//                     '开: 108.339  高: 108.342  低: 108.311  收: 108.324  -0.01%',
//                     style: TextStyle(color: Colors.white),
//                   ),
//                 ),
//               ],
//             ),
//           ),
//         ],
//       ),
//     );
//   }
// }

// // K 线图组件
// class CandleChart extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return AspectRatio(
//       aspectRatio: 1.8,
//       child: LineChart(
//         LineChartData(
//           gridData: const FlGridData(show: false),
//           titlesData: const FlTitlesData(show: false),
//           borderData: FlBorderData(show: false),
//           lineBarsData: [
//             LineChartBarData(
//               spots: [
//                 const FlSpot(0, 108.0),
//                 const FlSpot(1, 108.1),
//                 const FlSpot(2, 108.2),
//                 const FlSpot(3, 108.15),
//                 const FlSpot(4, 108.3),
//                 const FlSpot(5, 108.4),
//                 const FlSpot(6, 108.35),
//               ],
//               isCurved: true,
//               barWidth: 2,
//               belowBarData: BarAreaData(show: false),
//             ),
//           ],
//         ),
//       ),
//     );
//   }
// }
